/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
}
#logo{
	float:left;
	background-image:url(../images/mapa.png);
	width:280px;
	height:110px;
}
#topheader{float:right; width:100%; height:95px; background-image:url(../images/bgheader.jpg); position:relative}
#toplinks{position:absolute; right:5px; top:5px;}
#menu{float:right; width:100%; height:49px; background-image:url(../images/bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:950px; height:32px; background-image:url(../images/bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{ width:950px;}
#leftpanel{float:left; width:150px;}
#footer{float:left; width:1100px; background-color:#F0F0F0; padding:10px; margin-top: 100px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.9em Tahoma, sans-serif;
	color: #666666;
        margin-left: 10px;
}

.titletext {
	font: 0.9em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#666666;
}
.whitetitle {
	font: 0.9em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.9em Tahoma, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
}
.smallsubtitle {
	font: 0.9em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.9em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.9em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.9em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.9em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.9em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.9em Tahoma, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;  
}
#frame {
    background: url(../images/bg-login.jpg) repeat-x scroll 0 0 transparent; 
    border: 1px solid #BDBCBD;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    margin: 0 auto; height: 200px; width:350px; padding:40px;}
	input#j_id12:username {
    border: 1px solid #CFCFCF;
    box-shadow: 0 0 10px #CFCFCF inset;
    float: left;
    height: 35px;
    margin-top: 10px;
    padding-left: 8px; 
    width: 240px;
}
input#passwd {
    border: 1px solid #CFCFCF;
    box-shadow: 0 0 10px #CFCFCF inset; 
    float: left;
    height: 35px;
    margin-top: 10px; 
    padding-left: 8px; 
    width: 240px; 
}
.dr-toolbar-ext { background-color:transparent!important; background-image:none!important; border:0!important; margin-top:13px;}
.dr-menu-label { font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif!important; text-transform:uppercase;}

 #inputbox input {    border: 1px solid #CFCFCF;
    box-shadow: 0 0 10px #CFCFCF inset; 
    font-size: 14px;
    height: 25px;
    padding: 10px;
    width: 240px; }
	.btn { box-shadow:none!important; width:auto!important; border:0!important; width:258!important; height:43px!important; padding: 10px 10px 10px 0!important;}
	#enteryour { text-align:center;}
	#wrap { position:relative; top:-20px;}
	
	dr-menu-list-bg { background-image: none!important;
    border-left-color: #F3EFD9!important;
    border-right-color: #F3EFD9!important;
    border-top-color: #F3EFD9!important;;  background: none repeat scroll 0 0 #FFFDF2!important;
    border-color: #F3EFD9; border-radius: 0 0 3px 3px;font: bold 12px Arial,Helvetica,sans-serif;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 0 12px;
    text-transform: none;}
	.indicator_blue {
    background: url("../images/indicator_blue.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
    z-index: 5;
}
.indicator_bluehover {
    height: 175px;
    position: relative;
    width: 186px;
    z-index: 5;
}
.indicator_bluehover:hover {
    background: url("../images/indicator_hover.png") repeat scroll 0 0 transparent !important;
    cursor: pointer;
    height: 175px;
    position: relative;
    width: 186px;
    z-index: 5;
}
.indicator_lightpink {
    background: url("../images/indicator_lightpink.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_lightpink:hover {
    background: url("../images/indicator_hover.png") repeat scroll 0 0 transparent;
}
.indicator_green {
    background: url("../images/indicator_green.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_orange {
    background: url("../images/indicator_orange.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_lightblue {
    background: url("../images/indicator_lightblue.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_yellow { 
    background: url("../images/indicator_yellow.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_yellow {
    background: url("../images/indicator_yellow.png") repeat scroll 0 0 transparent !important;
    float: left;
    height: 175px;
    margin-left: 3px;
    width: 186px;
}
.indicator_green:hover {
    background: url("../images/indicator_hover.png") repeat scroll 0 0 transparent;
    z-index: 998;
}